.match-list {
  position: absolute;
  top: 50px;
  bottom: 30px;
  width: 100%;
  height: calc(100% - 80px);
  background: #212529;
  overflow-y: auto;
  overflow-x: hidden;
  color: #fff;

  .list-info {
    justify-content: center;
    vertical-align: middle;
    display: flex;
    height: 60px;
    width: 100%;
    margin-bottom: 10px;

    .project-style {
      background-color: #FBAB7E;
      background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
    }

    .project-style-2 {
      background-color: #21D4FD;
      background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
    }

    .project-info {
      width: 25%;
      text-align: center;
      line-height: 30px;


      .title {
        font-size: 15px;
      }

      .subtitle {
        font-size: 18px;
      }
    }

    .match-info {
      width: 50%;
      display: flex;
      justify-content: center;
      vertical-align: middle;
      margin: 0 5px;
      line-height: 60px;

      .match-info-left {
        font-size: 22px;
      }

      .match-info-center {
        font-size: 32px;
        font-weight: 600;
        color: #ffff66;
      }

      .match-info-right {
        font-size: 22px;
      }
    }

    .goto-game {
      width: 25%;
      display: flex;
      justify-content: center;
      vertical-align: middle;

      .goto-style {
        display: flex;
        width: 60px;
        justify-content: center;
        vertical-align: middle;
        line-height: 30px;
        height: 30px;
        border-radius: 20px;
        margin-top: 5px;

        ::v-deep .dq-jinru {
          font-size: 40px;
          cursor: pointer;
        }
      }

      .text {
        font-size: 16px !important;
      }
    }
  }
}